@charset "utf-8";
/* CSS Document */

@import url("iconfont.css");

.container{ width:1200px; margin:0 auto;}

.header{ width:100%; height:auto; /*overflow:hidden;*/}
.header_bar{ background:#f2f1f1; padding:5px 0; overflow:hidden;}
.header_search,.foot_search{ border:1px solid #ececec; background:#fff;}
.header_search input[type='text'],.foot_search input[type='text']{ height:30px; line-height:30px; padding: 0 10px; color:#b6b6b6; float:left;}
.header_search .iconfont,.foot_search .iconfont{ width:36px; display:inline-block; height:30px; line-height:30px; color:#060a7d; font-size:22px; text-align:center; font-weight:bold; cursor:pointer;}
.header_search .iconfont:after,.foot_search .iconfont:after{ content:'\e71e';}
.header_search input[type='submit'],.foot_search input[type='submit']{ display:none;}

.header-con{ width:100%; height:auto; /*overflow:hidden;*/}
.logo{ height:90px; line-height:90px; max-width:300px;}
.nav{ height:90px; max-width:900px;}
.nav ul{ overflow:inherit;}
.nav ul>li.menu_li{width: 108px; height:90px;float: left;line-height: 90px;position:relative; z-index:9;}
.nav span{ width:1px; height:14px; margin-top:38px; float:left; background:#a4a4a4;}


.nav ul li a{display: block;text-align: center; color:#231815; font-size:15px;}
.nav ul li a:hover,.nav ul li.on a{ color:#060a7d;}

/*.nav ul li .sub{position:absolute;  background:#f2f1f1; top:90px; left:0;overflow: hidden; display:none;}
.nav ul li .sub li{ width:108px;line-height:35px; height:35px;margin:0;}
.nav ul li .sub li a{color:#231815;font-size:12px;}
.nav ul li .sub li a:hover{ background:#fff; }*/
/*.nav ul li:hover a{}*/
.nav ul li.menu_li .sub {
	position: absolute;
	padding: 15px;
	width: 330px;
	height: auto;
	display: none;
	background: #f2f1f1;
	z-index: 999;
}
.nav ul li.menu_li .sub .sub_fl {
    width: 70px;
    overflow: hidden;
    height: auto;
    margin-right: 20px;
}
.nav ul li.menu_li .sub .sub_fl ul li {
	width: 100%;
	height: 26px;
	overflow: hidden;
}
.nav ul li.menu_li .sub .sub_fl ul li a {
	padding: 0;
	font-size: 12px;
	color: #000;
	height: 26px;
	line-height: 26px;
	text-align: left;

}
.nav ul li.menu_li .sub .sub_fl ul li a:hover {
	color: #957a6a;
}
.nav ul li.menu_li .sub .imgs {
	width: 240px;
	overflow: hidden;
	height: 120px;
}
.nav ul li.menu_li .sub .imgs img {
	width: 100%;
}

.main{ width:100%; height:auto; overflow:hidden; margin-top:30px;}

/*foot*/
.foot{ width:100%; height:auto; overflow:hidden; background:#26252d; margin-top:50px;}
.foot_links{ width:100%; overflow:hidden; border-bottom:1px solid #5d5d5e; line-height:53px;}
.foot_links span{ color:#fff;}
.foot_links ul{ width:1120px; float:right;}
.foot_links ul li{ float:left; margin-right:20px;}
.foot_links ul li a{ color:#7e7e7e;}
.foot_links ul li a:hover,.foot_copy p a:hover{ color:#dadada;}

.foot_bottom{ padding:40px 0; width:100%; height:auto; overflow:hidden;}
.wechat_code{ width:100px; overflow:hidden;}
.wechat_code img{ width:100%;}
.foot_contact{ width:400px; margin-left:40px; overflow:hidden;}
.foot_contact h2{ line-height:26px; color:#fff; font-size:15px;}
.foot_contact h2 .iconfont{ color:#fff; font-size:18px; margin-right:10px;}
.foot_contact h2 .iconfont:after{ content:"\e605";}
.foot_contact h4{ font-size:25px; color:#fff; line-height:30px; padding-left:25px; font-family:"Franklin Gothic Medium","Microsoft YaHei","黑体","宋体","Arial",sans-serif; margin-bottom:10px;}
.foot_contact p,.foot_contact .icon-mail,.foot_contact .icon-address{ color:#5d5d5e; line-height:26px;}
.foot_contact .icon-mail,.foot_contact .icon-address{ width:25px; display:inline-block;}
.foot_contact .icon-mail{ font-size:14px;}
.foot_contact .icon-mail:after{ content:"\e610";}
.foot_contact .icon-address:after{ content:"\e602";}

.foot_right{ max-width:650px;}

.foot_search{ background:#5d5d5e; border:none;}
.foot_search .iconfont{ color:#b6b6b6;}

.foot_menu{ margin:20px 0 10px;}
.foot_menu ul li{ float:right; margin-left:30px; line-height:24px;}
.foot_menu ul li a{ color:#fff;}
.foot_menu ul li a:hover{ color:#5d5d5e;}

.foot_copy p,.foot_copy p a{ color:#5d5d5e; line-height:24px; text-align:right;}


/*banner*/
.banner {
	width: 100%;
	position: relative;
	height: 650px;
	overflow: hidden;
	margin: 0 auto;
}
.banner .banner_scroll {
	z-index: 0;
	position: relative;
	overflow: hidden;
}
/*.banner .banner_scroll .tempWrap {
	width: 1200px !important;
}*/
.banner .banner_scroll li {
	width: 100%;
	height: 650px;
	overflow: hidden;
	text-align: center;
}
.banner .banner_scroll a {
	display: block;
	height: 100%;
}
.banner .point {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	left: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	_background: #000;
	_filter: alpha(opacity=60);
}
.banner .point ul {
	text-align: center;
	padding-top: 5px;
}
.banner .point ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: #999999;
	overflow: hidden;
	line-height: 9999px;
	border-radius: 50%;
}
.banner .point ul .on {
	background: #060a7d;
}

.banner_con{ width:100%; height:160px; background:url(../images/banner_con.jpg) no-repeat center top;}

/*gbook*/
.gbook{ background:url(../images/bg_oline.jpg) no-repeat center bottom; padding:100px 0 30px;}
.gbook_tit{ width:180px; height:auto; overflow:hidden; margin-top:85px;}
.gbook_tit h4,.gbook_tit h6{ color:#060a7d; font-size:24px; line-height:26px;}
.gbook_tit h6{ font-size:14px; font-family:Arial;text-transform: uppercase;}
.gbook .form_box{ width:600px;}
.gbook .form_box ul li{width: 270px;  border: 1px solid #d1d1d1;float: left;margin: 0 22px 15px 0;color: #FF070B;line-height: 38px;overflow: hidden;}
.gbook .form_box ul li span{color: #999;line-height: 38px;float: left;padding-left: 10px;display: inline-block;}
.gbook .form_box ul li input[type='text']{width: 208px;height: 38px;color: #999;line-height: 38px;float: left;}
.gbook .form_box ul li.inp03 {width: 562px;/*padding-top: 10px;*/}
.gbook .form_box ul li.inp03 input[type='text']{ width:500px;}
.gbook .form_box ul li textarea{ width:540px; padding:0 10px; height:72px; line-height:24px;}
.gbook .form_box ul li.inp04 input[type='text']{width: 95px;}
.gbook .form_box ul li.inp02{width: 562px;height: 70px;border: 0;}
.gbook .form_box ul li.inp02 em {font: 12px "Microsoft YaHei";color: #999;line-height: 36px;float: left;}
.gbook .form_box input[type='submit']{width: 145px;height: 40px;border-radius: 40px;background: #060a7d;text-align: center;line-height: 40px;font-size: 13px;color: #fff;cursor: pointer; margin-bottom:20px;}

/*position*/
.position{ line-height:30px;}
.position img{ margin-right:10px;}
.position .container,.position a{color:#666;}
.position a:hover,.recommend ul li a:hover{ color:#060a7d;}

/*left*/
.left{ width:240px; height:auto; overflow:hidden;}
.left h2{width:100%; padding-bottom:2px; background:#060a7d;}
.left h2 a{ display:block; text-align:center; line-height:75px; border-bottom:1px solid #fff; color:#fff; font-size:28px;}
.left_menu{ margin-top:10px;}
.left_menu ul>li.menu{ border:1px solid #D0D0D0; position:relative; margin-bottom:10px;}
.left_menu ul>li.menu:after{ content:''; width:8px; height:8px; display:block; position:absolute; border:1px solid #fff; border-radius:50%; background:#D0D0D0; top:50%; margin-top:-4px; right:20px;}
.left_menu ul>li.menu a{ display:block; line-height:50px; padding-left:40px; font-size:18px; color:#666;}
.left_menu ul>li.menu:hover{ border-color:#060a7d;}
.left_menu ul>li.menu:hover:after{ background:#060a7d;}
.left_menu ul>li.menu:hover a,.right p a:hover{ color:#060a7d;}
.left_menu ul>li.menu.on{ background:#060a7d; border-color:#060a7d;}
.left_menu ul>li.menu.on:after{ background:#060a7d; border-color:#fff;}
.left_menu ul>li.menu.on a{ color:#fff;}
.left_menu ul.sub{ margin-bottom:10px; display:none;}
.left_menu ul.sub li{ background:#f4f4f4; margin-bottom:1px;}
.left_menu ul.sub li a{ display:block; line-height:50px; padding-left:55px; color:#888;}
.left_menu ul.sub li a:hover{ color:#333; }

/*right*/
.right{ width:925px; border:1px solid #e5e5e5; min-height:800px; position:relative; padding-bottom:15px;}
.right h1,.right h3{padding-top: 28px;font-size: 24px;line-height: 50px; text-align:center; color:#555;}
.right h6{ font-size:13px; text-align:center; color:#999; line-height:25px; border-bottom:1px dotted #999; margin: 0 15px; padding-bottom:15px;}
.right p,.right p a{ line-height:24px; color:#666;}

.right img{ max-width:100%;}
.right .con{ padding:25px 20px;}
.right a.back{ height:32px; line-height:32px; background:#f2f2f2 url(../images/icon_back.gif) no-repeat 85px center; display:block; padding: 0 28px 0 20px;width: 60px; position:absolute; top:87px; right:15px; color:#666;}
.page{ padding:0 20px; border-bottom:1px solid #e5e5e5; overflow:hidden; padding-bottom:10px; margin-bottom:10px;}
.page p{ float:left; width:45%; margin-right:5%; line-height:30px;}

.recommend{ padding:0 20px;}
.recommend h4{ font-size:20px; color:#666; line-height:30px;}
.recommend ul li{ line-height:40px; border-bottom:1px dotted #e5e5e5; overflow:hidden; background:url(../images/icon_item.png) no-repeat left center; padding-left:25px;}
.recommend ul li a,.recommend ul li span{ color:#686868;}
.recommend ul li span{ float:right;}




